<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1 user-scalable=no" />
    <title>猛男 陪你 看电影</title>
    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/index.css" />
  </head>
  <body>
    <div class="p1 page">
      <img class="w100p" src="img/p1_top.png" alt="" />
      <img class="p1-bar w100p" src="img/p1_bar.png" alt="" />
      <div class="girlTypes-wrap dp-ib-wrap">
        <div class="girlType  displayIblock" data-group="1">
          <img class="w100p" src="img/p_mengmeizi.png" alt="" />
          <p class="girlType-hint">萌妹子</p>
        </div>
        <div class="girlType  displayIblock" data-group="2">
          <img class="w100p" src="img/p_nvshen.png" alt="" />
          <p class="girlType-hint">女神</p>
        </div>
        <div class="girlType  displayIblock" data-group="3">
          <img class="w100p" src="img/p_nvhanzi.png" alt="" />
          <p class="girlType-hint">女汉子</p>
        </div>
      </div>
      <div class="girlTypes-wrap2 dp-ib-wrap">
        <div class="girlType  displayIblock" data-group="4">
          <img class="w100p" src="img/p_nvdiaosi.png" alt="" />
          <p class="girlType-hint">女diao丝</p>
        </div>
        <div class="girlType  displayIblock" data-group="5">
          <img class="w100p" src="img/p_cunyemen.png" alt="" />
          <p class="girlType-hint">纯爷们</p>
        </div>
      </div>
    </div>
    <div class="p2 displayNone">
      <img class="w100p" src="img/p2_top.png" alt="" />
      <img class="w100p p2-bar" src="img/p2_bar.png" alt="" />
      <div class="cards-wrap  clearfix center ">
        <div class=" mancard floatL " data-man-index="1">
          <div class="card-front">
            <img class="w100p" src="img/p2_card.png" alt="" />
            <div class="displayTable mancard-hint">
              <div class="displayTableCell">
                小主<br>
                翻我牌
              </div>
            </div>
          </div>  
          <div class="card-back displayblock">
            <img class="w100p" src="img/11.jpg" alt="" />
          </div>
        </div>
        <div class=" mancard floatL " data-man-index="2">
          <div class="card-front">
            <img class="w100p" src="img/p2_card.png" alt="" />
            <div class="displayTable mancard-hint">
              <div class="displayTableCell">
                小主<br>
                翻我牌
              </div>
            </div>
          </div> 
          <div class="card-back displayblock">
            <img class="w100p" src="img/11.jpg" alt="" />
          </div> 
        </div>
      </div>
      <div class="cards-wrap2  clearfix center ">
        <div class=" mancard floatL " data-man-index="3">
          <div class="card-front">
            <img class="w100p" src="img/p2_card.png" alt="" />
            <div class="displayTable mancard-hint">
              <div class="displayTableCell">
                小主<br>
                翻我牌
              </div>
            </div>
          </div>  
          <div class="card-back displayblock">
            <img class="w100p" src="img/11.jpg" alt="" />
          </div>
        </div>
        <div class=" mancard floatL " data-man-index="4">
          <div class="card-front">
            <img class="w100p" src="img/p2_card.png" alt="" />
            <div class="displayTable mancard-hint">
              <div class="displayTableCell">
                小主<br>
                翻我牌
              </div>
            </div>
          </div> 
          <div class="card-back displayblock">
            <img class="w100p" src="img/11.jpg" alt="" />
          </div> 
        </div>
        <div class=" mancard floatL " data-man-index="5">
          <div class="card-front">
            <img class="w100p" src="img/p2_card.png" alt="" />
            <div class="displayTable mancard-hint">
              <div class="displayTableCell">
                小主<br>
                翻我牌
              </div>
            </div>
          </div>
          <div class="card-back displayblock">
            <img class="w100p" src="img/11.jpg" alt="" />
          </div>  
        </div>
      </div>
      <div class="cards-wrap  clearfix center ">
        <div class=" mancard floatL " data-man-index="6">
          <div class="card-front">
            <img class="w100p" src="img/p2_card.png" alt="" />
            <div class="displayTable mancard-hint">
              <div class="displayTableCell">
                小主<br>
                翻我牌
              </div>
            </div>
          </div>
          <div class="card-back displayblock">
            <img class="w100p" src="img/11.jpg" alt="" />
          </div>
        </div>
        <div class="mancard floatL" data-man-index="7">
          <div class="card-front">
            <img class="w100p" src="img/p2_card.png" alt="" />
            <div class="displayTable mancard-hint">
              <div class="displayTableCell">
                小主<br>
                翻我牌
              </div>
            </div>
          </div>
          <div class="card-back displayblock">
            <img class="w100p" src="img/11.jpg" alt="" />
          </div>  
        </div>
      </div>
    </div>
    <div class="p3 displayNone">
      <img class="w100p" src="img/p3_top.png" alt="" />
      <div class="man-img-holder w100p">
        <img class="w50p center man-img" src="img/11.jpg" alt="" />
        <div class="retry">
          <img class="retry-sign" src="img/sign_refresh.png" alt="" />
          <p>
            哀家要<br>换一个
          </p>
        </div>
      </div>
      <img class="w100p" src="img/p3_bar.png" alt="" />
      <div class="btns-wrap  w80p center">
        <a href="javascript:void(0)">
          <img class="w100p p3-btn-ticket" src="img/P3_btn_ticket.png" alt="" />
          <img class="w100p  p3-btn-share" src="img/p3_btn_share.png" alt="" />
          <p>分享还可能得神秘礼物哦！嘘，你懂的...</p>
        </a>
      </div>
    </div>
    <div class="popup-share">
        <img src="img/wxshare.png" alt="">
      </div>
    <script src="js/jquery.min.js"></script>
    <script src="js/index.js"></script>
  </body>
</html>
